<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="top">
        <img src="images/mi-logo.png">
        <p><b>小米商城</b></p>
        <p>让每个人都能享受科技的乐趣</p>
    </div>
    <div class="content"> 
        <img src="images/banner.png">
       
        <div class="form">
    <!-- <form> -->
                <p class="login">
                    <span class="active">账号登录  &nbsp</span>
                    <span style= "color:#e0e0e0">|</span>
                    <span class="saoma"> &nbsp扫码登录</span>
                </p>
                <p class="phone">
                    <input type="text" placeholder="邮箱/手机号/小米账号"/>
                </p>
                <p class="password">
                    <input type="password" placeholder="密码"/>
                </p>
                <p class="submit">
                    <input type="submit" value="立 即 登 录"/>
                </p>
            <!-- </form> -->
            <p class="register">
                <span>注册小米账号</span>
                <span>|</span>
                <span>忘记密码?</span>
            </p>
            <div class="footer">
                <p class="qita">
                    <span class="left"></span>
                    其他方式登录
                    <span class="right"></span>
                </p>
                <div class="all-icons">
                    <a href="#"><span class="qq"></span></a>
                    <a href="#"><span class="weibo"></span></a>
                    <a href="#"><span class="pay"></span></a>
                    <a href="#"><span class="wechat"></span></a>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="font-content">
            <span>简单&nbsp|&nbsp繁体&nbsp|&nbspEnglish&nbsp|&nbsp常见问题</span><br>
            <span>小米公司版权所有-京ICP备10046444-<img src="images/11.PNG">京公网安备11010802020134号-京ICP证110507</span>
        </div>
    </div>
   
</body>
</html>